<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="https://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <link th:href="@{/css/shop.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/skin/default/skin.css}" rel="stylesheet" type="text/css" id="skin"/>
    <link th:href="@{/css/Sellerber.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/css/bkg_ui.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/font/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/js/jquery-1.9.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/jquery.nicescroll.js}" type="text/javascript"></script>
    <script th:src="@{/js/layer/layer.js}" type="text/javascript"></script>
    <script th:src="@{/js/bootstrap.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/Sellerber.js}" type="text/javascript"></script>
    <script th:src="@{/js/shopFrame.js}" type="text/javascript"></script>
    <script type="text/javascript" th:src="@{/js/jquery.cookie.js}"></script>



    <!--<script type="text/javascript" src="demo.js"></script>-->

    <title>店铺管理</title>
    <style>
        .btn{
            height:100px;
        }
        .black_over{
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            top: 0;
            left: 0;
            right: 0;
            left: 0;
            margin: auto;
            background-color: rgba(0,0,0,0.8);
        }
        .white_content {
            display: none;
            position: fixed;
            z-index:1002;
            overflow: auto;
        }
    </style>
</head>
<!--[if lt IE 9]>
<script th:src="@{js/html5shiv.js}"></script>
<script th:src="@{js/respond.min.js}"></script>
<script type="text/javascript" th:src="@{/js/PIE/PIE_IE678.js}"></script>
<![endif]-->
<body>
<input type="hidden" th:value="${session.admin.adminId}" id="adminId"/>
<input type="hidden" th:value="${status}" id="status"/>
<div class="Sellerber" id="Sellerber">
    <!--顶部-->
    <div class="Sellerber_header apex clearfix" id="Sellerber_header">
        <div class="l_f logo header"><img th:src="@{/images/1.png}"/></div>
        <div class="r_f Columns_top clearfix header">
            <!--<div class="time_style l_f"><i class="fa  fa-clock-o"></i><span id="time"></span></div>-->
            <div class="search_style l_f">
                <form action="#" method="get" class="sidebar_form">
                    <div class="input-group">
                        <input type="text" name="q" class="form-control"><span class="input-group-btn"><a
                            class="btn_flat" href="javascript:" onclick=""/><i class="fa fa-search"/></a></span>
                    </div>
                </form>
            </div>
            <div class="news l_f "><a href="#" class="fa fa-bell Notice prompt" id="promptbtn"></a><em>5</em></div>
            <div class="administrator l_f">
                <img th:src="@{/images/avatar.png}" width="36px"/><span class="user-info">欢迎你,超级管理员</span><i
                    class="glyph-icon fa  fa-caret-down"></i>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="fa fa-user"></i>个人信息</a></li>
                    <li><a href="#"><i class="fa fa-cog"></i>系统设置</a></li>
                    <li><a th:href="@{/Rouser/doLogout}" id="Exit_system"><i class="fa fa-user-times"></i>退出</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--左侧-->
    <div class="Sellerber_left menu" id="menuBar">
        <div class="show_btn" id="rightArrow"><span></span></div>
        <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
        <div class="menu_style" id="menu_style">
            <div class="list_content">
                <!--栏目切换-->
                <div class="switch_style">
                    <em class="fa fa-th-large switch"></em>
                    <em class="fa fa-list switch_unfold"></em>
                </div>
                <div class="skin_select clearfix">
                    <ul class="dropdown-menu dropdown-caret clearfix">
                        <li><a class="colorpick-btn selected" th:href="@{javascript:void(0)}" data-val="default"
                               id="default" style="background-color:#222A2D"></a></li>
                        <li><a class="colorpick-btn" th:href="@{javascript:void(0)}" data-val="blue"
                               style="background-color:#438EB9;"></a></li>
                        <li><a class="colorpick-btn" th:href="@{javascript:void(0)}" data-val="green"
                               style="background-color:#72B63F;"></a></li>
                        <li><a class="colorpick-btn" th:href="@{javascript:void(0)}" data-val="gray"
                               style="background-color:#41a2ff;"></a></li>
                        <li><a class="colorpick-btn" th:href="@{javascript:void(0)}" data-val="red"
                               style="background-color:#FF6868;"></a></li>
                        <li><a class="colorpick-btn" th:href="@{javascript:void(0)}" data-val="purple"
                               style="background-color:#6F036B;"></a></li>
                    </ul>
                </div>
                <!--左侧菜单栏目-->
                <div class="column_list">
                    <ul class="menuUl menu_list" id="column_list">

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--内容-->
    <div class="Sellerber_content" id="contents">
        <div class="breadcrumbs" id="breadcrumbs">
            <a id="js-tabNav-prev" class="radius btn-default left_roll" th:href="@{javascript:;}"><i
                    class="fa fa-backward"></i></a>
            <div class="breadcrumb_style clearfix">
                <ul class="breadcrumb clearfix" id="min_title_list">
                    <li class="active home"><span title="我的桌面" th:href="@{/mainOrder/show01}"><i
                            class="fa fa-home home-icon"></i>首页</span></li>
                </ul>
            </div>
            <a id="js-tabNav-next" class="radius btn-default right_roll" th:href="@{javascript:;}"><i
                    class="fa fa-forward"></i></a>
            <div class="btn-group radius roll-right">
                <a class="dropdown tabClose" data-toggle="dropdown" aria-expanded="false">页签操作<i
                        class="fa fa-caret-down" style="padding-left: 3px;"></i></a>
                <ul class="dropdown-menu dropdown-menu-right" id="dropdown_menu">
                    <li><a class="tabReload" th:href="@{javascript:void(0);}">刷新当前</a></li>
                    <li><a class="tabCloseCurrent" th:href="@{javascript:void(0);}">关闭当前</a></li>
                    <li><a class="tabCloseAll" th:href="@{javascript:void(0);}">全部关闭(首页)</a></li>
                    <li><a class="tabCloseOther" th:href="@{javascript:void(0);}">除此之外全部关闭</a></li>
                </ul>
            </div>
            <a href="javascript:void(0)" class="radius roll-right fullscreen"><i class="fa fa-arrows-alt"></i></a>
        </div>
        <!--具体内容-->
        <div id="iframe_box" class="iframe_content">
            <div class="show_iframe index_home" id="show_iframe">
                <iframe scrolling="yes" class="simei_iframe" frameborder="0" th:src="@{/mainOrder/show01}"
                        name="iframepage" th:href="@{/mainOrder/show01}"></iframe>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class="Sellerber_bottom info" id="bottom">
        <span class="l_f">版权所有：南京版石软件系统有限公司</span>
    </div>
    <!--消息提示板块内容-->
    <div class="prompt_style prompt">
        <div class="prompt_title">通知消息</div>
        <div class="prompt_info clearfix">
            <div class="tz_title">订单消息（5）</div>
            <a href="" class=""><i class="fa fa-user icon_prompt label-danger"></i>你有订单还没有处理请及时处理，点击查看详细</a>
        </div>
        <div class="prompt_info clearfix">
            <div class="tz_title">订单消息（5）</div>
            <a href="" class=""><i class="fa fa-volume-up icon_prompt label-success"></i>你有订单还没有处理请及时处理，点击查看详细</a>
        </div>
        <div class="prompt_info clearfix">
            <div class="tz_title">订单消息（5）</div>
            <a href="" class=""><i class="fa fa-user icon_prompt label-warning"></i>你有订单还没有处理请及时处理，点击查看详细</a>
        </div>
        <div class="prompt_info clearfix">
            <div class="tz_title">订单消息（5）</div>
            <a href="" class=""><i class="fa fa-user icon_prompt label-danger"></i>你有订单还没有处理请及时处理，点击查看详细</a>
        </div>
        <div class="prompt_info clearfix submenu">
            <div class="tz_title">订单消息（5）</div>
            <a href="javascript:void(0)" class="" name="Personal_info.html" title="订单消息"><i
                    class="fa fa-user icon_prompt label-danger"></i>你有订单还没有处理请及时处理</a>
        </div>
    </div>
</div>

<!--弹出层时背景层DIV-->
<div id="fade" class="black_over" style="z-index: 999">
</div>
<!--弹出层的内容-->
<div id="MyDiv" class="white_content" style="width: 400px;height: 400px;background-color: grey">
    <p style="margin-top: 30px;"><h1 style="text-align: center;color: whitesmoke">信息录入</h1></p>
    <p style="color: whitesmoke;margin-bottom:5px;margin-top:10px"><label style="margin-left: 35px">地区标注:</label><input type="text" id="area" name="area" style="width: 230px;margin-left: 25px"/></p>
    <p style="text-align: center;height: 20px"><label id="area_label" style="color: red;"> </label></p>
    <p style="color: whitesmoke;margin-bottom: 5px;margin-top:10px"><label style="margin-left: 30px">支付宝账号:</label ><input type="text" id="alipay" name="alipay"  style="width: 230px;margin-left:17px"/></p>
    <p style="text-align: center;height: 20px"><label id="alipay_label" style="color: red;"> </label></p>
    <p style="color: whitesmoke;margin-bottom: 5px;margin-top:10px"><label style="margin-left: 35px">微信账号:</label><input type="text" id="weChat" name="weChat"  style="width: 230px;margin-left: 25px"/></p>
    <p style="text-align: center;height: 20px"><label id="weChat_label" style="color: red;"></label></p>
    <p style="text-align: center;margin-top: 20px;"><input type="button" value="保存信息" id="saveInfo" style="background-color: #83ab8c;color: whitesmoke;border-radius: 10%;padding: 5px 10px;width: 100px;border: 0;height: 35px;"/></p>
</div>


</body>
</html>
<script type="text/javascript">

    //设置框架
    $(function() {

        var adminId=$("#adminId").val();
        var status=$("#status").val();
        if(status=="激活"){
            ShowDiv();
            $('#area').blur(function(){
                var area=$("#area").val();
                if(area!=""){
                    if(area.length>1&&area.length<20){
                        $("#area_label").html('');
                    }else{
                        $("#area_label").html('地区标注范围应为2-20之间');
                    }
                }else{
                    $("#area_label").html('地区标注不能为空');
                }
            });
            $('#alipay').blur(function(){
                var alipay=$("#alipay").val();
                if(alipay!=""){
                    if(alipay.length>=6 && alipay.length<=20){
                        $("#alipay_label").html('');
                    }else{
                        $("#alipay_label").html('支付宝账号范围应为6-20之间');
                    }
                }else{
                    $("#alipay_label").html('支付宝账号不能为空');
                }
            });
            $('#weChat').blur(function(){
                var weChat=$("#weChat").val();
                if(weChat!=""){
                    if(weChat.length>=6 && weChat.length<=20){
                        $("#weChat_label").html('');
                    }else{
                        $("#weChat_label").html('微信账号范围应为6-20之间');
                    }
                }else{
                    $("#weChat_label").html('微信账号不能为空');
                }
            });
            $("#saveInfo").click(function () {
                var area=$("#area").val();
                var area_label=$("#area_label").html();
                var alipay=$("#alipay").val();
                var alipay_label=$("#alipay_label").html();
                var weChat=$("#weChat").val();
                var weChat_label=$("#weChat_label").html();
                if(area_label=="" && alipay_label=="" && weChat_label==""){
                    $.ajax({
                        url: "/admin/updateinfo",
                        method:"POST",
                        data:{
                            adminId:adminId,
                            area:area,
                            alipay:alipay,
                            weChat:weChat,
                        },dataType: "text",
                        success: function(data){
                            if(data>0){
                                alert("信息录入成功");
                                CloseDiv();
                                sellerber();
                            }else{
                                alert("信息录入失败");
                            }
                        }
                    })
                }else{
                    alert("填写的信息不完整");
                }

            })
        }else{
            sellerber();
        }

        //弹出隐藏层
        function ShowDiv(){
            $("#MyDiv").show();
            $("#fade").show();
            var _windowHeight = $(window).height(),//获取当前窗口高度
                _windowWidth = $(window).width(),//获取当前窗口宽度
                _popupHeight = $("#MyDiv").height(),//获取弹出层高度
                _popupWeight = $("#MyDiv").width();//获取弹出层宽度
            _posiTop = (_windowHeight - _popupHeight)/2;
            _posiLeft = (_windowWidth - _popupWeight)/2;
            $("#MyDiv").css({"left": _posiLeft + "px","top":_posiTop + "px","display":"block"});//设置position
        };
        //关闭弹出层
        function CloseDiv()
        {
            $("#MyDiv").hide();
            $("#fade").hide();
        };
    });
function sellerber() {
    var data = [
        {
            id: 1,
            pid: 0,
            url: "#",
            icon: 'fa fa-home',
            name: '商品管理',
        },
        /*{
            id: 2,
            pid: 0,
            url: "#",
            icon: 'fa fa-desktop',
            name: '排期管理',
        },*/
        {
            id: 3,
            pid: 0,
            url: "#",
            icon: 'fa fa-database',
            name: '城市管理',
        },
        {
            id: 4,
            pid: 0,
            url: "#",
            icon: 'fa fa-credit-card',
            name: '问题反馈',
        },
        {
            id: 5,
            pid: 0,
            url: "",
            icon: 'fa fa-cogs',
            name: '订单管理',
        },
        {
            id: 6,
            pid: 0,
            url: "#",
            icon: 'fa fa-file-text-o',
            name: '演出类别',
        },
        {
            id: 7,
            pid: 0,
            url: "#",
            icon: 'fa fa-users',
            name: '用户管理',
        },
        {
            id: 8,
            pid: 0,
            url: "#",
            icon: 'fa fa-user',
            name: '系统统计',
        },

        {
            id: 9,
            pid: 0,
            url: "#",
            icon: 'fa fa-bar-chart',
            name: '评论管理',
        },
        {
            id: 100,
            pid: 1,
            url: "/commodityController/addCommodity",
            icon: 'fa fa-angle-double-right',
            name: '添加商品',
        },
        {
            id: 10,
            pid: 1,
            url: "/commodityController/info",
            icon: 'fa fa-angle-double-right',
            name: '商城列表',
        },
        {
            id: 11,
            pid: 1,
            icon: 'fa fa-angle-double-right',
            url: '/CouponController/getAll',
            name: '优惠券管理',

        },
        /*{
            id: 12,
            pid: 2,
            icon: 'fa fa-angle-double-right',
            url: '',
            name: '商品排期',

        },*/
        {
            id: 13,
            pid: 3,
            icon: 'fa fa-angle-double-right',
            url: '/city/cityList',
            name: '城市列表',

        },
        {
            id: 14,
            pid: 3,
            icon: 'fa fa-angle-double-right',
            url: '/place/getPlaceInfo',
            name: '场地管理',

        },
        {
            id: 158,
            pid: 3,
            icon: 'fa fa-angle-double-right',
            url: '/page/MySeat',
            name: '个人场地',

        },
        {
            id: 159,
            pid: 3,
            icon: 'fa fa-angle-double-right',
            url: '/page/MySeatAdd',
            name: '添加场地',

        },
        {
            id: 15,
            pid: 4,
            icon: 'fa fa-angle-double-right',
            url: '/questions/aa',
            name: '问题反馈',

        },
        {
            id: 16,
            pid: 5,
            icon: 'fa fa-angle-double-right',
            url: '/mainOrder/selectMainOrderInfo',
            name: '订单列表',
        },
        {
            id: 17,
            pid: 6,
            icon: 'fa fa-angle-double-right',
            url: '/showtype/listType',
            name: '类别管理',
        }, {
            id: 18,
            pid: 7,
            icon: 'fa fa-angle-double-right',
            url: '/user/selectUserInfo',
            name: '用户信息',

        },
        {
            id: 19,
            pid: 7,
            icon: 'fa fa-angle-double-right',
            url: '/role/selectRole',
            name: '角色信息',

        },{
            id: 20,
            pid: 7,
            icon: 'fa fa-angle-double-right',
            url: '/Resource/selectResource',
            name: '权限管理',

        },{
            id: 19,
            pid: 7,
            icon: 'fa fa-angle-double-right',
            url: '/admin/getAdministrator_list',
            name: '供应商管理',

        }, {
            id: 40,
            pid: 8,
            icon: 'fa fa-angle-double-right',
            url: '/mainOrder/chinaStat',
            name: '订单统计（全国图）',

        },
        {
            id: 23,
            pid: 8,
            icon: 'fa fa-angle-double-right',
            url: '/mainOrder/productStat',
            name: '商品销售统计',

        }, {
            id: 23,
            pid: 9,
            icon: 'fa fa-angle-double-right',
            url: '/Comment/getCommentList',
            name: '评论管理',

        }]
    $("#Sellerber").frame({
        float: 'left',//设置菜单栏目方向属性
        minStatue: true,//切换模式
        hheight: 70,//设置顶部高度 高度为0时自动样式切换（达到另外一种界面效果）
        bheight: 30,//设置底部高度
        mwidth: 200,//菜单栏宽度（最好不要改动该数值，一般200的宽度值最好）
        switchwidth: 50,//切换菜单栏目宽度
        color_btn: '.skin_select',//设置颜色
        menu_nav: '.menu_list',//设置栏目属性
        column_list: '.column_list',//设置栏目名称
        time: '.date_time',//设置时间属性(不填写不显示)
        logo_img: '@{images/logo_01.png}',//logo地址链接（当header为0时显示该属性）
        Sellerber_content: '.Sellerber_content',//右侧名称
        Sellerber_menu: '.list_content', //左侧栏目
        header: '.Sellerber_header',//顶部栏目
        prompt: '.prompt_style',
        prompt_btn: '#promptbtn',//点击事件
        data: data,//数据
        mouIconOpen: "fa fa-angle-down",// 菜单(展开)图标
        mouIconClose: "fa fa-angle-up", // 菜单（隐藏）图标
        Rightclick: true//是否禁用右键
    });
}
    $('#Exit_system').on('click', function () {
        layer.confirm('是否确定退出系统？', {
                btn: ['是', '否'],//按钮
                icon: 2,
            },
            function () {
                location.href = "login.html";
            });
    });
</script>

